.card {
  position: relative;

  :global {
    .card_body {
      padding: 0 $padding !important;
      .cell {
        padding: $padding 0;
        border-bottom: $border;
        display: flex;
        font-size: $fontSize;
        gap: $padding;
        flex-wrap: wrap;

        &:last-child {
          border-bottom: none;
        }
        .cell_label {
          color: #999;
        }
        .cell_text {
          text-align: right;
          flex: 1;
          font-weight: 500;
          color: $mainFontColor;
          &:empty {
            display: none;
          }
        }
        .cell_image {
          width: 200px;
          display: inline-block;
          .nut-image {
            width: 100%;
          }
          position: relative;
          .count {
            position: absolute;
            bottom: 10px;
            left: 50%;
            border-radius: 30px;
            font-size: 22px;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
            padding: 3px $padding;
            transform: translateX(-50%);
            color: #fff;
          }
        }
      }
    }
    .nut-ellipsis {
      display: inline-flex;
    }
    .nut-ellipsis-text {
      white-space: nowrap;
    }
  }
  .topWrap {
    align-items: center;
    display: inline-flex;
    flex: 1;
    width: 100%;
    .nameWrap {
      flex: 1;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
}
.block {
  width: 100%;
  flex: none !important;
  text-align: left !important;
  padding: $padding;
  background: #f8f8f8;
  border-radius: $borderRadius;
  border: 15px;
}

:global {
  .descriptions_small {
    .card_body {
      padding-bottom: $padding !important;
      .cell {
        border: none !important;
        padding-bottom: 0 !important;
        .cell_text {
          text-align: left !important;
          font-weight: 400;
        }
      }
    }
  }
}
